<template>
    <el-table :data="tableData" stripe border style="width: 100%">
        <el-table-column prop="name" label="流量池名称" width="160">
          <template slot-scope="scope">
            <span class="link" @click="getDetail(scope.row)">{{ scope.row.name}}</span>
          </template>
        </el-table-column>
        <el-table-column prop="carrier_type" label="运营商类别" width="160">
        </el-table-column>
        <el-table-column prop="all" label="流量池总流量" width="160">
        </el-table-column>
        <el-table-column prop="used" label="已用流量" width="110">
        </el-table-column>
        <el-table-column prop="sheng" label="剩余流量" width="110">
        </el-table-column>
        <el-table-column prop="percent" label="流量使用%" width="110">
        </el-table-column>
        <el-table-column prop="totalnum" label="卡号总数" width="110">
        </el-table-column>
         <el-table-column prop="activednum" label="激活卡数" width="110">
        </el-table-column>
        <el-table-column prop="methods" label="操作">
          <template slot-scope="scope">
              <router-link tag="button" class="el-button el-button--default el-button--mini" :to="'/agent_increase/'+$route.params.id9+'/traffic_pools/edit'">
                编辑
              </router-link>
          </template>
        </el-table-column>
    </el-table>
</template>

<script>
    export default {
        data() {
            return {
                tableData: [
                    {
                        id: 1,
                        name: 'wilson电信流量池',
                        carrier_type: '中国电信',
                        all: '0.49 GB',
                        used: '	0.0 KB',
                        sheng: '0.49 GB',
                        percent: '0.0',
                        totalnum: '7',
                        activednum: '3'
                    }
                ]
            }
        },
        methods: {
            getDetail(goods) {
                this.$router.push({
                    path: `/agent_increase/${this.$route.params.id9}/traffic_pools/${goods.id}`
                })
            }
        }
    }
</script>

<style scoped>

</style>